<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no, viewport-fit=cover"
    name="viewport" id="viewport" />

  <title>加入超级合伙人</title>
  <link rel="stylesheet" href="layer/skin/default/layer.css">

  <link rel="stylesheet" type="text/css" href="css/style.css" />

  <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
  <script src="layer/layer.js"></script>

  <script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
  <script src="js/clipboard.min.js"></script>
  <script type="text/javascript" src="js/rem.js"></script>
  <script type="text/javascript" src="js/md5.js"></script>


  <script type="text/javascript">

    $(document).ready(

      function () {
        // //解密
        // function decrypt(text) {
        //   let str = "";
        //   let alterText = [];
        //   let varCost = [];
        //   const TextLength = text.length;
        //   for (let i = 0; i < TextLength; i++) {
        //     alterText[i] = text.charCodeAt(i);
        //     varCost[i] = text.charCodeAt(i + 1);
        //   }
        //   for (let i = 0; i < TextLength; i = i + 2) {
        //     str += String.fromCharCode(alterText[i] - varCost[i]);
        //   }
        //   return JSON.parse(str);
        // };

        //解析链接
        function GetQueryString(name) {
          var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
          var r = window.location.search.substr(1).match(reg);
          if (r != null)
            return unescape(r[2]);
          return null;
        }
        var data = GetQueryString("data");
        var URL = null;
        var TEL = null;
        var WX = null;
        var UID = null;
        if (data) {
          var ter = $.parseJSON(window.decodeURIComponent(window.atob(data)))

          var URL = ter.url;
          var TEL = ter.tel;
          var WX = ter.weixin;
          var UID = ter.uid;

          $('.contact_item_tel').html(TEL);
          $('.tel_a').attr('href', 'tel:' + TEL);
          $('.contact_item_wx').html(WX);
        }


        var clipboard = (text, event) => {
          const cb = new ClipboardJS('.t', {
            text: function () {
              return text
            }
          })
          cb.on("success", function (e) {
            // 复制成功
            e.clearSelection();
          });
          cb.on("error", function (e) {
            console.log("复制失败")
          });
          cb.onClick(event)
        }


        //给最大的盒子增加事件监听
        var nowpage = 0;

        var mySwiper = $(".container").swipe(
          {
            swipe: function (event, direction, distance, duration, fingerCount) {
              if (direction == "up") {
                nowpage = nowpage + 1;
              } else if (direction == "down") {
                nowpage = nowpage - 1;
              }
              if (nowpage > 4) {
                nowpage = 4;
              }
              if (nowpage < 0) {
                nowpage = 0;
              }
              $(".container").animate({ "top": nowpage * -100 + "%" }, 400);
              $(".page").eq(nowpage).addClass("cur").siblings().removeClass("cur");

            },
            tap: function (event, target) {

              if ($(target).attr("class") === 'next-img') {
                nowpage += 1;
                if (nowpage > 4) {
                  nowpage = 4;
                }
                $(".container").animate({ "top": nowpage * -100 + "%" }, 400);
                $(".page").eq(nowpage).addClass("cur").siblings().removeClass("cur");
              }

              if ($(target).attr("class") === 'cop_wx') {

                if (WX) {
                  clipboard(WX, event)
                  layer.msg('复制成功');
                } else {
                  layer.msg('复制失败');
                }
              }
              if ($(target).attr("class") === 'but_dow') {
                // console.log($(target).attr("class"))

                if (URL) {
                  window.location.href = URL+ "?type=a&id="+UID ;
                } else {
                  layer.msg('暂无下载地址');
                }
                // clipboard(TEXT, event)
                //
                // if (/(Android)/i.test(navigator.userAgent)) {
                //   window.location.href = "https://a.app.qq.com/o/simple.jsp?pkgname=com.tksq.limashengqian&channel=0002160650432d595942&fromcase=60001"
                // } else {
                //   window.location.href = "https://itunes.apple.com/cn/app/%E7%AB%8B%E9%A9%AC%E7%9C%81%E9%92%B1/id1460221368?mt=8"
                // }
              }
            }
          }
        );
      }

    );

  </script>

</head>

<body onmousewheel="return false;">

  <!--效果html开始-->

  <div class="container inde_new">

    <div class="page page0 cur">
      <div class="top_ri bg">
        <img src="images/bg_top_ri.png" alt="">
      </div>
      <div class="top_lf bg">
        <img src="images/bg_top_lf.png" alt="">
      </div>
      <div class="bottom_bg bg">
        <img src="images/bottom_bg.png" alt="">
      </div>
      <div class="con">
        <div class="tit">
          <img src="images/page1_tit.png" alt="">
        </div>
        <div class="tit2">
          <img src="images/page1_tit2.png" alt="">
        </div>
        <p>
          <img src="images/new_page1_text.png" alt="">
          <span class="but_dow">
            点击下载立马省钱APP
          </span>
        </p>


      </div>
      <div class="next">
        <img class="next-img" src="images/next.png" alt="">
      </div>
    </div>

    <div class="page page3">
      <div class="top_ri bg">
        <img src="images/bg_top_ri.png" alt="">
      </div>
      <div class="top_lf bg">
        <img src="images/bg_top_lf.png" alt="">
      </div>
      <div class="bottom_bg bg">
        <img src="images/bottom_bg2.png" alt="">
      </div>
      <div class="border"></div>
      <div class="border border_con">
        <div class="con flex_column ">
          <div class="tit">
            <img src="images/new_page3_tit.png" alt="">
          </div>
          <div class="flex_mid flex1" style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
            <div style="margin-top: .4rem;">
              <div class="text2">
                <img class="img2" style="width:4.84rem;" src="images/new_page3_txt1.png" alt="">
                <img class="img2" style="width:4.84rem;margin-top: .4rem;" src="images/new_page3_txt2.png" alt="">
              </div>

            </div>
          </div>
        </div>
      </div>
      <div class="people">
        <img src="images/people.png" alt="">
      </div>
      <div class="next">
        <img class="next-img" src="images/next.png" alt="">
      </div>

    </div>

    <div class="page page1 cur">
      <div class="top_ri bg">
        <img src="images/bg_top_ri.png" alt="">
      </div>
      <div class="top_lf bg">
        <img src="images/bg_top_lf.png" alt="">
      </div>
      <div class="bottom_bg bg">
        <img src="images/bottom_bg2.png" alt="">
      </div>
      <div class="border"></div>
      <div class="border border_con">
        <div class="con flex_column ">
          <div class="tit">
            <img src="images/page2_tit.png" alt="">
          </div>
          <div class="flex_mid flex1" style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
            <div style="margin-top: .4rem;">

              <div class="text2 ">
                <img class="img1" style="width: 4.4rem;" src="images/new_page2_text1.png" alt="">
              </div>
              <div class="text2 ">
                <img class="img2" src="images/new_page2_text2.png" alt="">
              </div>
              <div class="text2 ">
                <img class="img3" style="width: 2.9rem;" src="images/new_page2_text3.png" alt="">
              </div>
              <div class="text2 new_page1_text">
                <p>每邀请一个超级合伙人，你就可以获得</p>
                <p>高额现金奖励</p>
              </div>
              <div class="text2 ">
                <img class="img4" style="width: 3.6rem;" src="images/new_page2_text4.png" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="people">
        <img src="images/people.png" alt="">
      </div>
      <div class="next">
        <img class="next-img" src="images/next.png" alt="">
      </div>

    </div>

    <div class="page page2">
      <div class="top_ri bg">
        <img src="images/bg_top_ri.png" alt="">
      </div>
      <div class="top_lf bg">
        <img src="images/bg_top_lf.png" alt="">
      </div>
      <div class="bottom_bg bg">
        <img src="images/bottom_bg2.png" alt="">
      </div>
      <div class="border"></div>
      <div class="border border_con">
        <div class="con flex_column ">
          <div class="tit">
            <img src="images/page3_tit.png" alt="">
          </div>
          <div class="flex_mid flex1" style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
            <div style="margin-top: .8rem;">
              <div class="text2">
                <img class="img1" src="images/icon1.png" alt="">
              </div>
              <div class="text2">
                <img class="img2" src="images/icon2.png" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="people">
        <img src="images/people.png" alt="">
      </div>
      <div class="next">
        <img class="next-img" src="images/next.png" alt="">
      </div>

    </div>

    <div class="page page4">
      <div class="top_ri bg">
        <img src="images/bg_top_ri.png" alt="">
      </div>
      <div class="top_lf bg">
        <img src="images/bg_top_lf.png" alt="">
      </div>
      <div class="bottom_bg bg">
        <img src="images/bottom_bg2.png" alt="">
      </div>
      <div class="border"></div>
      <div class="border border_con">
        <div class="con flex_column">
          <div class="tit">
            <img src="images/new_page5_tit.png" alt="">
          </div>
          <div class="flex_mid flex1" style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
            <div style="margin-top: 1rem;">
              <div class="contact_item flex_mid">
                <div class="left flex1">
                  <p class="title">手机号</p>
                  <p class="contact_item_con contact_item_tel"></p>
                </div>
                <div class="right" style="width: 1.9rem;">
                  <a href="" class="tel_a">
                    <p style="text-align: center;"><img src="images/tel_ico.png" alt="" style="width: .76rem;"></p>
                    <p style="display: block;font-size:.26rem;
                  font-family:PingFangSC-Medium,PingFang SC;
                  font-weight:500;
                  color:rgba(126,95,209,1); text-align: center;">一键拨打</p>
                  </a>

                </div>
              </div>
              <div class="contact_item flex_mid">
                <div class="left flex1">
                  <p class="title">添加微信好友咨询</p>
                  <p class="contact_item_con contact_item_wx"></p>
                </div>

                <div class="right" style="width: 1.9rem;">
                  <p style="opacity: 0;visibility: hidden;">添加微信好友咨询</p>
                  <span class="cop_wx">复制微信号</span>
                </div>
              </div>
            </div>
          </div>
          <p class="bot">立马省钱APP</p>
        </div>
      </div>


      <div class="people">
        <img src="images/people.png" alt="">
      </div>
      <!-- <div class="next">
        <img class="next-img" src="images/next.png" alt="">
      </div> -->

    </div>



    <!--效果html结束-->



</body>

</html>